<script setup>
import ToggleTheme from "@/components/toggleTheme/ToggleTheme.vue"
import Tabbar from "@/components/Tabbar.vue";
import {themeClass} from "@/components/toggleTheme/ToggleTheme.js"

</script>

<template>
  <!-- vant 配置组件 -->
  <van-config-provider :theme="themeClass">
    <div class="app w-screen bg-gray-100 dark:bg-neutral-800 flex-col-start-stretch">
      <div class="h-full bg-gray-100 dark:bg-neutral-800">
        <router-view></router-view>
      </div>
      <Tabbar></Tabbar>
    </div>
  </van-config-provider>
  <!-- 切换主题 vant 浮动气泡 -->
  <ToggleTheme></ToggleTheme>
</template>

<style scoped lang="scss">
//@import 'scss-reset/reset';

.app {
  min-height: 100vh;
}
</style>
